<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/账号注册.css">
</head>

<body>
    <nav>
        <img src="./img/作业2/logo.png" alt="" class="logo">
        <ul>
            <li><a href="">导航1</a></li>
            <li><a href="">导航2</a></li>
            <li><a href="">导航3</a></li>
            <li><a href="">导航4</a></li>
            <li><a href="">导航5</a></li>
            <img src="./img/作业2/denglu.png" alt="" class="denglu">
            <img src="./img/作业2/zhuce.png" alt="" class="zhuce">
            <img src="./img/作业2/lingdang.png" alt="" class="lingdang">
            <img src="./img/作业2/xiaoxi.png" alt="" class="xiaoxi">
            <div class="bigbox">
                <img src="./img/作业2/head2.png" alt="" class="head2">
                <div class="xlk">
                    <div class="p1">
                        <p>个人主页</p>
                    </div>
                    <div class="p2">
                        <p>个人设置</p>
                    </div>
                    <div class="p3">
                        <p>账户中心</p>
                    </div>
                    <div class="p4">
                        <p>退出登录</p>
                    </div>
                </div>
            </div>
        </ul>

    </nav>
    <section>
        <form action="">
        <!-- 大盒子 -->
        <div class="dhz">
            <div class="dh">
                <span class="zhdl">
                    <a href="./账号登录.html">账号登录</a>
                </span>
                <span class="zczh">
                    <a href="./账号注册.html">账号注册</a>
                </span>
            </div>
            <!-- 账号 -->
            <div class="zh">
                手机/邮箱
                <div><input type="email" name="" id="" placeholder="请输入手机/邮箱"></div>
            </div>
            <!-- 密码 -->
            <div class="mm">
                密码
                <div>
                    <input type="password" placeholder="请输入密码">
                </div>
                错误信息
            </div>
            <!-- 性别 -->
            <div class="xb">
                性别
                <input type="radio" name="xingbie" id="nan">
                <label for="nan">
                    男
                </label>
                <input type="radio" name="xingbie" id="nv">
                <label for="nv">
                    女
                </label>

            </div>
            <!-- 居住地 -->
            <div class="jzd">
                <p>居住地</p>
                <select name="" id="">
                    <option value="">请选择省份</option>
                    <option value="">四川</option>
                    <option value="">广西</option>
                </select>
                <select name="" id="">
                    <option value="">请选择城市</option>
                    <option value="">成都</option>
                    <option value="">简阳</option>
                </select>
            </div>
            <!-- 个人简介 -->
            <div class="grjj">
                <p>个人简介</p>
                <textarea name="" id="" cols="30" rows="10"></textarea>
            </div>
            <!-- 记住密码
            <div class="jzmm">
                <input type="checkbox" id="jizhumima">
                <label for="jizhumima">记住密码</label>
            </div> -->
            <!-- 注册按钮 -->
            <div class="denglu">
                <button>注册</button>
            </div>
            <!-- 验证码 -->
            <div class="yzm">
                <p>验证码</p>
                <input type="text">
                <div class="yzmtp"><img src="./img/作业2/sncode.jpg" alt=""></div>
            </div>
            <!-- 中下
            <p class="zx"><span>找回密码</span>|还没有注册账号?<span>立即注册</span></p>
        </div> -->
    </form>
    </section>
    <footer>
        <!-- 下左边 -->
        <div class="xz">
            <p>链接组1</p>
            <p>链接组2</p>
            <p>链接组3</p>
            <p>链接组4</p>
            <p>链接组5</p>
            <p>Lorem.</p>
            <p>Lorem.</p>
            <p>Lorem.</p>
            <p>Lorem.</p>
            <p>Lorem.</p>
            <p>Vero!</p>
            <p>fugit.</p>
            <p>Omnis.</p>
            <p>Amet</p>
            <p>Perferendis.</p>
        </div>
        <!-- 下右边 -->
        <div class="yx">
            <img src="./img/作业2/logo.png" alt="">
            <img src="./img/作业2/icons.png" alt="">
        </div>
    </footer>
</body>

</html>